@import "./_variables.less";

// jc
each(@flex-jc,.(@v, @k, @i) {
	.jc-@{k} {
		justify-content: @v;
	}
})

// ai
each(@flex-ai,.(@v, @k, @i) {
	.ai-@{k} {
		align-items: @v;
	}
})

// 字体
each(@size,.(@v, @k, @i) {
	.fs-@{k} {
		font-size: @v;
	}
})

// 文字对齐
each(@align,.(@v, @k, @i) {
	.text-@{k} {
		text-align: @v;
	}
})

// mn pn
each(@spacing-types,.(@v, @k, @i) {
	each(@spacing-directions,.(@v2, @k2, @i2) {
    each(@size,.(@v3, @k3, @i3) {
      .@{k}@{k2}-@{k3} {
        @{v}-@{v2}: @v3;
      }
    })
  })
})
.color-p {
  color: @text-p;
}
// 文字颜色
.color-p {
  color: @text-p;
}
.color-r {
  color: @text-r;
}
.color-s {
  color: @text-s;
}
.color-ph {
  color: @text-ph;
}

.color-red {
  color: @p-color-1;
}

// 宽高
.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

// 清除浮动
.clearfix {
  &::after {
    content: "";
    display: table;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
  }
}

//浮动
.float-r {
  float: right;
}

//浮动
.float-l {
  float: left;
}

// 字体加粗
.fw-b {
  font-weight: bold;
}
.fw-500 {
  font-weight: 500;
}

//文章一行显示，多余省略号显示
.title-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-over {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding-right: 5px;
}
.of-h {
  overflow: hidden;
}
// flex
.d-flex {
  display: flex;
}
.d-flex-i-f {
  display: inline-flex;
}
.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-1 {
  flex: 1;
}

// 圆
.br-100 {
  border-radius: 100%;
}
.padding-0 {
  padding: 0;
}

.cu-poin {
  cursor: pointer;

  path {
    transition: 0.2s;
    fill: #9ea5b2;
  }
  &:hover {
    path {
      fill: #4e5160;
    }
  }
}
.cu-pointer {
  cursor: pointer;
}
.ant-dropdown-open.cu-poin {
  path {
    transition: 0.2s;
    fill: #4e5160;
  }
}

.w-b {
  background-color: #fff;
}

.color-title {
  color: #21252e;
}
